<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>api_index</title>
		<!-- 1 引入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2 常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4 引入当前页面样式 -->
		<link rel="stylesheet" href="../css/api_index.css" />
		<!-- 5.引入util js -->
		<script src="../js/util.js"></script>
		<!-- 引入api_indexJS文件 -->
		<script src="../js/api_index.js"></script>
	</head>
	<body>
		<!--头部-->
		<header>
			<div class="container">
				<!--头部导航栏-->
				<!-- logo -->
				<a href="#" class="logo"><h1></h1></a>
				<!-- 导航列表 -->
				<ul>
					<li><a href="../html/index.html">首页</a></li>
					<li class="active"><a href="#">API</a></li>
					<li><a href="#">云服务</a></li>
					<li><a href="#">案例</a></li>
					<li><a href="#">开发者</a></li>
				</ul>
				<!-- 按钮 -->
				<div>
					<button id="login">登录</button>
					<button id="signIn">注册有礼</button>
				</div>
			</div>
		</header>
		<section id="header"></section>
		<!-- 主体 -->
		<main>
			<!-- API分类 -->
			<section id="apilist" class="container">
				<h3>API分类</h3>
				<ul id="apiTypeList">
					<li></li>
				</ul>
				<div>
					<strong>全部</strong>
					<input type="search" value="身份证实名" />
				</div>
			</section>
			<!-- imgslist -->
			<section id="imgslist" class="container">
				<ul id="listDataArr" class="flex">
					<li class="rel">
						<img src="" alt="" />
						<p></p>
						<p></p>

						<a class="abs" href="">申请数据</a>
					</li>
				</ul>
			</section>
			<!-- 分页 -->
			<section id="paging">
				<div class="container">
					<a href="#">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<span>......</span>
					<span>下一页 &gt;</span>
				</div>
			</section>
		</main>
		<!--尾部-->
		<footer>
			<div class="container">
				<div class="left">
					<ul>
						<li>
							<strong>联系与支持</strong>
							<p>400-882-7715</p>
							<p>售前咨询</p>
							<p>客服&售后</p>
							<p>常见问题</p>
							<p>极速工单</p>
							<p>投诉与建议</p>
						</li>
						<li>
							<strong>关于源码</strong>
							<p>合作伙伴</p>
							<p>服务条款</p>
							<p>隐私政策</p>
							<p>市场合作</p>
							<p>反商业贿赂声明</p>
						</li>
						<li>
							<strong>快速入口</strong>
							<p>API数据</p>
							<p>黑钻会员</p>
							<p>新闻动态</p>
							<p>联系我们</p>
							<p>加入我们</p>
						</li>
						<li>
							<strong>产品服务</strong>
							<p>云监测</p>
							<p>云查询</p>
							<p>云助手</p>
							<p>聚盒子</p>
							<p>云充值</p>
						</li>
						<li>
							<strong>解决方案</strong>
							<p>数字中台</p>
							<p>慧集：API生命周期管理</p>
							<p>有赢：助力企业营销</p>
						</li>
					</ul>
					<p>
						<img src="../imgs/bei2.png" alt="图片加载失败" />
						<img src="../imgs/bei1.png" alt="图片加载失败" />
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</p>
				</div>
				<div class="right">
					<div class="right_div">
						<h1>微信公众号</h1>
						<p>源码时代</p>
						<img src="../imgs/wechat-white.png" alt="" />
					</div>
					<p>源码大数据股份有限公司&copy;版权所有</p>
				</div>
			</div>
		</footer>
		<!-- 申请数据 登录模态框 -->
		<div id="mask">
			<!-- 弹出框 -->
			<div id="loginModal">
				<!-- LOGO -->
				<div id="loginModalLogo"></div>
				<!-- tab -->
				<p id="loginModalTab">
					<a class="active" href="#">账号登录</a>
					<i></i>
					<a href="#">扫码登录</a>
				</p>
				<!-- from表单 -->
				<form id="loginForm" action="#" method="post">
					<!-- from表单账号登录 -->
					<div id="loginForm1" dispaly="none" style="display: none">
						<!--用户名 -->
						<p id="loginUser">
							<i></i><input type="text" placeholder="用户名/手机号/邮箱" />
						</p>
						<!-- 密码 -->
						<p id="loginPsw">
							<i></i><input type="password" placeholder="密码" />
						</p>
						<!-- 忘记密码 -->
						<p>
							<a href="#">忘记密码</a>
						</p>
						<!-- 登录 -->
						<p id="loginBtn">
							<input type="submit" value="登录" />
						</p>
					</div>
					<!-- from表单扫码登录 -->
					<div id="loginForm2" style="display: none">
						<img src="../imgs/103-demo.png" alt="" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号,请先关注后再登录</p>
					</div>
				</form>

				<!-- 立即注册 -->
				<p id="register">还没有源码账号, <a href="#">立即注册 &gt; </a></p>
			</div>
		</div>
	</body>
</html>
